<div class="breadcrumb">
    <ul>
        <li>
            <i class="icon-home home-icon"></i>
            <a href="#">Home</a>
            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li>
            <a href="#">Usuário</a>

            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li class="active">Atualizar Perfil</li>
    </ul>
</div>
<div id="conteudo">
    <div class="c_header">
        <h1 class="tituloh1"> Atualizar Perfil</h1>
    </div>    
    <div id="editar-perfil" class="forms">
        <div id="table">                 
            <form id="cadUsuario" action="" method="post">                     
                <label>Nome:</label><input type="text" name="nome" id="nome" /> <br/>                   
                <label>Sobrenome:</label><input type="text" name="sobrenome" id="sobrenome" /> <br/>                   
                <label>Sexo:</label><select name="sexo"> <br/>
                    <option value="ac">Masculino</option> 
                    <option value="al">Feminino</option> 
                <label>E-mail:</label> <input type="email" name="email" id="email" />  <br/> 
                <label>CPF:</label> <input type="text" name="cpf" id="cpf" />
                <label>Data Nascimento:</label> <input type="text" name="dt_nascimento" id="dt_nascimento" /><br/>
                <label>Cep:</label> <input type="text" name="cep" id="cep" /><br/>
                <label>Cidade:</label> <input type="text" name="cidade" id="cidade" />
                <label>UF:</label><select name="estado"> 
                    <option value="AC">Acre</option> 
                    <option value="AL">Alagoas</option> 
                    <option value="AM">Amazonas</option> 
                    <option value="AP">Amapá</option> 
                    <option value="BA">Bahia</option> 
                    <option value="CE">Ceará</option> 
                    <option value="DF">Distrito Federal</option> 
                    <option value="ES">Espírito Santo</option> 
                    <option value="GO">Goiás</option> 
                    <option value="MA">Maranhão</option> 
                    <option value="MT"Mato Grosso</option> 
                    <option value="MS">Mato Grosso do Sul</option> 
                    <option value="MG">Minas Gerais</option> 
                    <option value="PA">Pará</option> 
                    <option value="PB">Paraíba</option> 
                    <option value="PR">Paraná</option> 
                    <option value="PE">Pernambuco</option> 
                    <option value="PI">Piauí</option> 
                    <option value="RJ">Rio de Janeiro</option> 
                    <option value="RN">Rio Grande do Norte</option> 
                    <option value="RO">Rondônia</option> 
                    <option value="RS">Rio Grande do Sul</option> 
                    <option value="RR">Roraima</option> 
                    <option value="SC">Santa Catarina</option> 
                    <option value="SE">Sergipe</option> 
                    <option value="SP">São Paulo</option> 
                    <option value="TO">Tocantins</option> 
                </select>
                <label>Endereço:</label> <input type="text" name="endereco" id="endereco" /> <br/>
                <label>Logradouro:</label> <input type="text" name="logradouro" id="logradouro" /><br/>
                <label>Bairro:</label> <input type="text" name="bairro" id="bairro" />
                <label>Complemento:</label> <input type="text" name="complemento" id="complemento" /><br/>
                <label>Endereço:</label> <input type="text" name="endereco" id="endereco" /><br/>
                <label>Nome da Mãe:</label> <input type="text" name="nome_mae" id="nome_mae" /><br/>
                <label>Nome do Pai:</label> <input type="text" name="nome_pai" id="nome_pai" /><br/>
                <label>Fone Celular:</label> <input type="tel" name="fone_cel" id="fone_cel" />
                <label>Fone Residêncial:</label> <input type="tel" name="fone_resid" id="fone_resid" />
                <label>Fone Comercial:</label> <input type="tel" name="fone_com" id="fone_com" /><br/>
                <br/><br/>                     
                <div class="botoes">
                    <button class="botao"> Salvar </button>  
                    <script>
	jQuery(function($){
	       $("#cpf").mask("999.999.999.99");
	       $("#fone_com").mask("(999) 999-9999");
	       $("#dt_nascimento").mask("99/99/9999");
	});
	</script>
        </form>             
        </div>             
        <div id="mascara"></div>        
    </div>     
</body> 

</div>
</div>
